.order-detail {
  padding: 10px 0;
  background-color: $main-background-color;
}
.route-info {
  display: flex;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;

  .preview {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 10px;
  }

  .about {
    flex: 1;

    .name {
    }
    .label {
      font-size: 16px;
      color: $gray-font-color;
    }
    .visa {
    }
  }
}

.packages {
  background-color: #fff;
}

.package-item {
  display: flex;
  margin: 0 10px;
  padding: 10px 0;
  font-size: 16px;
  &:not(:last-child) {
    border-bottom: 1px dashed $border-color;
  }

  .package-name {
    flex: 1;
  }

  .package-quantity {
    flex-shrink: 0;
    width: 3em;
    text-align: right;
  }

  .package-price {
    flex-shrink: 0;
    width: 5em;
    text-align: right;
  }
}

.total-price {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 2;
  text-align: right;
  border: 1px solid $border-color;
  background-color: #fff;
}

.order-info {
  background-color: #fff;
}

.order-info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px;
  padding: 10px 0;
  &:not(:last-child) {
    border-bottom: 1px dashed $border-color;
  }

  .val {
    font-size: 16px;
    color: $gray-font-color;
  }
}
